﻿.content-md{ background-color: #f1f1f1 !important; font-size: 14px;}
input{ -webkit-appearance: none;}
sub{ bottom:0; }
.segment-md .segment-button{ color: inherit; }
.segment-md .segment-activated{ color: #2664be; }
button{ box-shadow: 0px 0px 0px #fff !important;}
.pro_case{ background: #fff; border-radius: 5px; padding: 15px 15px 10px; box-shadow: 1px 2px 5px #e4e4e4}
.pro_case .pro_info{ padding-left: 95px; position: relative; height: 95px; border-bottom: 1px dashed #e1e1e1;}
.pro_case .pro_info img{ width: 80px; height: 80px; position: absolute; left: 0; background: #000;}
.pro_case .pro_info .text{ height: 80px;}
.pro_case .pro_info .text h3.pro_name{ padding: 0px; margin: 0px; font-size: 16px; height: 40px; overflow: hidden;}
.pro_case .pro_info .text h3.pro_name em{ font-size: 13px; height: 18px; line-height: 18px; padding: 0 5px; color: #2664be; font-weight: 500; background: #eee; float: left; margin-right: 5px;}
.pro_case .pro_info .text .pro_pic{ font-size: 22px; color: red;}
.pro_case .pro_info .text .pro_pic span{ font-size: 16px;}
.pro_case .pro_cz button{ height: 30px; border-radius: 15px; font-size: 14px; margin: 0px;} 

.pro_main .pro_pic{ font-size: 28px !important; color: red;}
.pro_main .pro_name{ font-size: 18px !important;}
.pro_main_img{ background: #fff; height: 260px; position: relative;}
.pro_main_img img{ position: absolute; width: 200px; height: 200px; left: 50%; top: 50%; margin: -100px 0 0 -100px;}
.pro_main_info{ padding: 15px; background: #fff;}
.pro_main_info dl,.pro_main_info h3,.pro_main_info dt,.pro_main_info dd{ margin: 0px; padding: 0px;}
.pro_main_info dt{ color: #999;}

.customer{ background: #fff;}
.customer_info{ padding:15px; color: rgb(59, 22, 22);}
.customer_info h3{ margin: 0px; color: #000;}
.customer_info_none{ text-align: center; height: 78px; line-height: 78px; color: #aaa; font-size: 20px; }
.line01{ width: 100%; height: 3px; background: url(../images/line01.png);}

.cart_pro{ background: #fff; background: #fff;}
.cart_pro_list{ padding:15px 15px 0;}
.cart_pro_list:last-child{ border: 0px;}
.cart_pro_item{ padding:0 0 10px 35px; border-bottom: 1px dashed #e1e1e1; position: relative;}
.cart_pro_item .cart_pro_check{ position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; border: 1px solid #999; padding: 3px; border-radius: 50%; left: 0px;}
.cart_pro_item .cart_pro_check.xuan{ border: 1px solid #2664be;}
.cart_pro_item .cart_pro_check .circle{ width: 12px; height: 12px; background: #2664be; border-radius: 50%; display: none;}
.cart_pro_item .cart_pro_check.xuan .circle{ display: block;}
.cart_pro_item h3.pro_name{ font-size: 16px; margin: 0px;}
.cart_pro_item h3.pro_name em{ font-size: 12px; height: 18px; line-height: 18px; padding: 0 5px; color: #2664be; font-weight: 500; background: #eee; float: left; margin-right: 5px;}
.cart_pro_item .pro_pic{ font-size: 20px; line-height: 25px; color: red;}
.cart_pro_item .pro_pic span{ font-size: 14px;}
.cart_pro_item .num_p_m{ height: 25px; float: right;}
.cart_pro_item .num_p_m button{ width: 25px; height: 25px; border-radius: 50%; padding: 0px; margin: 0px; float: left; font-size: 25px; font-weight: 100;}
.cart_pro_item .num_p_m button.p{ background: #fff; color: #666; border: 1px solid #ccc;}
.cart_pro_item .num_p_m input{ width: 40px; height: 25px; margin: 0 5px; float: left; border: 1px solid #ccc; text-align: center;}
.cart_pro_list .cart_cz{ padding: 10px 0;}
.cart_pro_list .cart_cz button{ border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 30px; line-height: 28px;}
.cart_pro_list .cart_cz button.xuan{ background: #2664be; border: 1px solid #2664be; color: #fff;}
.cart_pro_list .cart_cz button i{ font-size: 16px;}
.cart_pro_list .cart_cz i{ font-size: 25px; color: #999;}
.cart_pro_list .cart_cz button.xuan i{ color: #fff;}
.cart_pro_list .cart_cz input{ width: 80px; padding:0 5px; border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 30px; line-height: 28px;}

.coupon_item{ position: relative; padding:0 0 0 110px; margin-top: 20px;}
.coupon_img{ width: 110px; height: 100px; background:url(../images/coupon_bg.png); text-align: center; color: #fff; position: absolute; left: 0px; top: 0;}
.coupon_img i{ font-size: 40px; line-height: 100px;}
.coupon_img span{ font-size: 30px; line-height: 100px;}
.coupon_text{ height: 100px; background: #fff;}
.coupon_text input{ border: 1px solid #e1e1e1; height: 30px; padding: 0 10px; border-radius: 3px;}
.coupon_text button{ border: 1px solid #2664be; color: #2664be; height: 30px; line-height: 28px; background: #fff; border-radius: 14px; padding: 0 15px; font-size: 12px;}

.customer_phone{ color: #999;}
.customer_phone i{ font-size: 22px;}
.customer_phone .number{ height: 50px; line-height: 48px; font-size: 22px; color: #000; padding:0px 10px; background: #fff; border:1px solid #e1e1e1; border-radius: 5px; box-shadow: 1px 2px 5px #e4e4e4}
.num_keyboard{ position:fixed; width: 100%; height: 50%; background: #fff; z-index: 900; left: 0px; bottom: 0px; margin: 0px; padding: 0px;}
.num_keyboard li{ float: left; width: 33.333333%; height: 25%; position: relative; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.num_keyboard li:nth-child(3n+1){ border-left: 0px;}
.num_keyboard li span{ position: absolute; width: 100px; text-align: center; height: 50px; line-height: 50px; font-size: 30px; top: 50%; left: 50%; margin: -25px 0 0 -50px;}
.num_keyboard li.text{ background: #f1f1f1;}
.num_keyboard li.text span{ font-size: 20px;}
.num_keyboard li:active{ background: #e4e4e4;}

.num_keyboard_price{ position:fixed; width: 100%; height: 40%; background: #fff; z-index: 900; left: 0px; bottom: 0px; margin: 0px; padding: 0px;}
.num_keyboard_price li{ float: left; width: 33.33333%; height: 25%; position: relative; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.num_keyboard_price li:nth-child(3n+1){ border-left: 0px;}
.num_keyboard_price li span{ position: absolute; width: 100px; text-align: center; height: 50px; line-height: 50px; font-size: 30px; top: 50%; left: 50%; margin: -25px 0 0 -50px;}
.num_keyboard_price li.text{ background: #f1f1f1;}
.num_keyboard_price li.text span{ font-size: 20px;}
.num_keyboard_price li:active{ background: #e4e4e4;}

.set_pro{ padding: 15px; background: #fff;}
.set_pro h3{ margin: 0px;}
.set_pro .set_pro_list{}
.set_pro .set_pro_item{ float: left; height: 80px; width: 105px; border: 1px solid #eee; padding: 10px; margin-right: 15px;}
.set_pro .set_pro_item img{ height: 60px;}

.payment_money{ padding: 30px 15px 0 15px;}
.payment_money span{ font-size: 14px; color: #666;}
.payment_money h3{ font-size: 35px; margin:10px 0 0 0;}
.payment_money b{ font-size: 20px;}
.payment_method{ padding:0px 15px; margin: 0px;}
.payment_method li{ padding: 20px 30px; background: #e7884b; border-radius: 10px; margin-top: 20px; box-shadow: 1px 2px 5px #e4e4e4;}
.payment_method li img{ height: 60px; width: 60px; }
.payment_method li h3{ margin: 0px; line-height: 60px; color: #fff; font-size: 22px; margin-left: 30px;}
.payment_method li.wx{ background: #439057;}
.payment_method li.zfb{ background: #2a74df;}
.payment_method li:active{ opacity: 0.9;}

.wx_payment{ position: fixed; width: 100%; height: 100%; background:#439057; }
.wx_payment_header .toolbar-background-md {border-color: #b2b2b2; background: #439057 !important;}
.wx_payment_header:after{background-image:none !important;}
.wx_payment img{ position: absolute; width: 90%; left: 5%; top: 20px;}

.zfb_payment{ position: fixed; width: 100%; height: 100%; background:#2a74df; }
.zfb_payment_header .toolbar-background-md {border-color: #b2b2b2; background: #2a74df !important;}
.zfb_payment_header:after{background-image:none !important;}
.zfb_payment img{ position: absolute; width: 90%; left: 5%; top: 20px;}

.none_date{ position: fixed; z-index: 10; text-align: center; margin: 0px; top: 30%; width: 70% !important; left: 15%; font-size: 20px; color: #aaa; font-weight: 200;}
